<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/主页.css">
</head>

<body>
    <nav>
        <div class="nav-title">管理系统</div>
        <div class="nav-in">首页</div>
        <div class="nav-in">系统管理</div>
        <ul>
            <li>用户管理</li>
            <li>角色管理</li>
            <li>菜单管理</li>
            <li>部门管理</li>
            <li>岗位管理</li>
            <li>字典管理</li>
            <li>参数设置</li>
            <li>通知公告</li>
            <li>日志管理</li>
        </ul>
        <div class="nav-in">系统监控</div>
    </nav>
    <section>
        <div class="header">
            <div class="left">≡</div>
            <div class="right">
                <span class="username"></span>
                <span class="userimg"><img src="./img/login-background.jpg" alt=""></span>
            </div>
        </div>
        <div class="title">
            <div>首页</div>
            <span>●岗位管理×</span>
        </div>
        <div class="content">
            <div class="find">
                岗位名称
                <input type="text" placeholder="请输入岗位名称">
                <button class="btn1">搜索</button>
                <button class="btn2">重置</button>
            </div>
            <button class="add"></span> 新增</button>
            <button class="gai"></span> 修改</button>
            <button class="del"></span> 删除</button>
            <button class="out"></span> 导出</button>
            <table>
                <thead>
                    <tr>
                        <th>▢</th>
                        <th>岗位编号</th>
                        <th>岗位编码</th>
                        <th>岗位名称</th>
                        <th>岗位排序</th>
                        <th>状态</th>
                        <th>创建时间</th>
                        <th>操作</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>▢</td>
                        <td>1</td>
                        <td>ceo</td>
                        <td>董事长</td>
                        <td>1</td>
                        <td>正常</td>
                        <td>${}</td>
                        <td>删除</td>
                    </tr>
                </tbody>
            </table>
            <div class="change">
                共 <span class="num"></span> 条
                <span class="prev ss">&lt;</span>
                &emsp;
                <span class="page ss">1</span>
                &emsp;
                <span class="next ss">&gt;</span>
            </div>
        </div>
    </section>
    <div class="add-box">
        <div class="add-title">添加岗位</div>
        <div class="block">
            <span>*岗位名称</span>  <input type="text" placeholder="请输入岗位名称">
            <br>
            <span>*岗位编码</span>  <input type="text" placeholder="请输入岗位编码">
        </div>
        <div class="btn">
            <button class="btn1">确定</button>
            <button class="btn2">取消</button>
        </div>
    </div>
</body>

</html>
<script src="./js/axios.min.js"></script>
<script src="./js/主页.js"></script>